@@@@@@@@@@@@@@@@@  TjzM@What's New 2003/1/24

@@@@@@@@@@@S҂̂߂̃z[y[W
@@@@@@@ @@@http://www.scollabo.com/banban/
@@@@@@@@@@@@@@@@36

@@@@@@@@@@@@@banban@scollabo.com



@úAS҂⒆҂@ƍ@gɂāA v̖{iI
 Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@ułHTML4.01y XHTML1.1 𒆐SƂ@̂ƂȂĂ܂B
ȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂悤ɂȂ
܂B

@T̉ۑ  JavaScriptu@T
@@@@@@  HTML ^Ỏ --- metavf



JavaScriptu@T@TvᎦƂ

 ɁAߋS̍uŊȒPȃXNvg邱Ƃł܂B
́Aۂ̃XNvg̃TvpāA̓IȈӖ⓮̎d
܂B܂ł̂炢̈Ӗ܂AVoꂷIuW
FNgɂĂwт܂B



DateIuWFNg

@DateIuWFNgƂ́AJavaScriptł́At⎞ԂȂǂ߂̃\b
h`ĂāÃ\bhp邱ƂŁAԂťvZeՂ
ł܂B

@L̃XNvgQƂĂBtjIɎ擾XN
vgłB

<script type="text/javascript">
<!--
weeks=new Array("","","","","","","y");
today=new Date();
y=today.getFullYear();
m=today.getMonth()+1;
d=today.getDate();
w=weeks[today.getDay()];
document.write("́A<span>",y,"<\/span>N");
document.write("<span>",m,"<\/span>");
document.write("<span>",d,"<\/span>");
document.write("<span>",w,"<\/span>jłB");
//-->
</script>

@TvsURI
@http://www.scollabo.com/banban/magazine/review_036.html#date

@spanvf͂炩߃X^CV[gŁÂ悤ɐݒ肵܂B
@span { font-size:large; color: #060; font-weight: bold }



weeks=new Array("","","","","","","y");
@ϐ weeks z錾Aj蓖ĂĂ܂B
@izɂĂ͑O JavaScriptuŉ܂Bj

today=new Date();
@today ƂϐɁAnew Date() ܂B
@new Date() ́ADateIuWFNg𗘗pۂɎgp̂łB

y=today.getFullYear();
@ϐ y  getFullYear()\bhgĐN荞݂܂B

m=today.getMonth()+1;
@ϐ m  getMonth()\bhgČ荞݂܂B
@̃\bhŕԂ錎́AۂPȂ߁AP܂B

d=today.getDate();
@ϐ d  getDate()\bhgč̓ɂ荞݂܂B

w=weeks[today.getDay()];
@ϐ w ɁAzCfbNX̂O`U܂ł́Aǂꂩ̒l荞݂܂B
@getDate()\bhŕԂl荞ŁAz̃CfbNXw肳
@ꂽj w ɕԂ܂B

document.write("́A<span>",y,"<\/span>N");
@documentoIuWFNg write\bhɂāAijň͂܂ꂽ
@ɕ\܂B
@@<\/span> ́@</span> ƂƏI؎qƔf̂GXP[v
@ӖŁA\ gĂ܂B

@@ȂAwrite  writeln ̈Ⴂ͉ʂɌ܂BǂgĂ
@܂B{́A writeln ͉swĂ܂Aۂɂ͕ω
@܂B

@DateIuWFNgƂ̃\bhꗗ
@http://www.scollabo.com/banban/magazine/backnm_030.html#dateobject



if\Ɗ֐g

@if\Ƃ́AɂăubÑXNvgJԂA֐Ƃ͌J
ԂgXNvg֐ɂČĂяoƂ̂łB
i[}KW30A33QƁj

@̃XNvgł́Awb_ɋLqAy[W̃[hɃGtFNg
̂łB

<script type="text/javascript">
<!--
function effect() {
  if (idx < 17) {
    setTimeout('effect()', 50)
    document.bgColor = (((((idx*16+idx)*16+idx)*16+idx)*16+idx)*16+idx)
    idx ++
   }
  }
  var idx = 0;
  effect()
//-->
</script>



function effect
@֐ݒ肵܂BubÑvO effect ɓǂݍ܂܂B

if ( idx < 17)
@if\ŁAidx ̒l16ɂȂ܂ŌJԂAl 16𒴂ƃ[v
@E܂B

setTimeout('effect(), 50)
@setTimeout ̓^C}[̃\bhŁAł́Aeffect֐ 0.05bɌJ
@Ԃ܂BiPb1000j

document.bgColor
@documentIuWFNg̔wiF̎włB

(((((idx*16+idx)*16+idx)*16+idx)*16+idx)*16+idx)
@if\Őꂽli0`16jɊÂČvZ܂B
@ől256ɂȂA16iffɕϊARGB̒l𐶐Ă܂B

@ʏA֐HTMLŌĂ΂邱Ƃ܂Ał́AXNvgŒ
ځAeffect() ĂяoĎsĂ܂B
@̂߁A<body onLoad="effecf()"> ͕svłB

@TvsURI
@http://www.scollabo.com/banban/magazine/sample/mmsample_066.html



for\Ɗ֐g

@if\ƓlɌJԂs for\֐Ƃ߂XNvg
B͂Ay[W̃[hɎs܂B
@ȉ̃XNvg̓wb_ɋLq܂B

<script type="text/javascript">
<!--
function effect() {
  r_col = "00123456789abcde"
  g_col = "0123456789abcdef"
  b_col = "000123456789abcd"
  for ( n = 0; n < 16; n++ ) {
    r = r_col.charAt(n);
    g = g_col.charAt(n);
    b = b_col.charAt(n);
    document.bgColor="#" + r +r + g + g + b + b;
    }
  }
//-->
</script>

HTML̋Lq
<body onLoad="effect()">



function effect()
@effect() ֐ƂĐ錾Ă܂B̕ϐɃubÑvO
@ǂݍ܂܂B

r_col = "00123456789abcde"
@ϐ r_col 16̕񂪑܂BȉAb_colAg_col lłB

for ( n = 0; n < 16; n++ ) 
  for\łBn ̏l 0An 16𒴂܂ŃubNJԂ܂B

r = r_col.charAt(n);
@for\̃ubÑvOŁAr ƂϐɁAr_colɑĂ
@l n Ԗڂ̕荞݂܂B
@@ȉAbAg l forŎw肳ꂽ n Ԗڂ̕荞݂܂B

document.bgColor="#" + r +r + g + g + b + b;
@wiF̎w荞܂ꂽ𐔒lƂĕ]AuEUɕ\܂B

<body onLoad="effect()">
@y[W[hiǂݍ܂ꂽƂjꂽƂɔCxgŁA
@ł́A֐ effect() s܂B

@TvsURI
@http://www.scollabo.com/banban/magazine/sample/mmsample_067.html



windowIuWFNgʃIuWFNg

@windowIuWFNǵAgbvx̃IuWFNgŁASEBhEɓ
͂܂郊\[X܂ł܂B
@ȉwindowIuWFNg̉ʃIuWFNg̋@\ɂĉ܂B

@locationIuWFNg
@ݕ\ĂhLgɊւ擾邽߂ɗp܂B

@historyIuWFNg
@[UߋɖK₵y[W URĨXg̃vpeB\܂B

@documentIuWFNg
@^Cgn߂Ƃ錻ݕ\̔̕wiFA`Ȃǂ̃vpeB\
@܂B

@FrameIuWFNg
@EBhEɊ܂܂t[ŁA{I HTMLɂ FramesetƓ@
@\LĂ܂B


windowIuWFNg
windowIuWFNgƂ́Aʏɕ\Ă邷ׂẴIuWFNg̐e
ȂIuWFNgłB

@WindowIuWFNgꗗ
@http://www.scollabo.com/banban/magazine/backnm_027.html#winobject

windowIuWFNg̃vpeB
@defoultStatus  Xe[^Xo[ɕ\ftHg̃bZ[W
@status         Xe[^Xo[ɕ\̃bZ[W

windowIuWFNg̃\bh
@open@ EBhEJȉȗ͉\j
@close@EBhE

LHTMĹATuEBhEJXNvgłB

<form name="sample">
<div>
<input type="button" value="Click!" 
onclick="window.open('sample.html', 'detailWindow', 
'resizable=yes,scrollbars=yes,toolbar=no,
width=400,height=250')">@NbNĂB
</div>
</form>

@{^NbNƁA400sNZA250sNZ̃TuEBh
@E\܂B

@TvsURI
@http://www.scollabo.com/banban/magazine/review_036.html#window



<form name="sample">
@tH[ݒ肵Ă܂Bname͔CӂłB

input type="button" value="Click!" 
@̓Rg[ėp{^ɐݒ肵A{^̖OuClickIvɐݒB

onclick="window.open('sample.html', 'detailWindow', 
@{^NbNƔCxgŁATuEBhEɌĂяo URI
  ƁATuEBhE̖Ow肵Ă܂BVOR[g𗘗pĂ
@̂́AɃ_uR[ggĂ邽߂ɋʂĂ܂B

'resizable=yes,scrollbars=yes,toolbar=no,width=400,height=250')"
@TuEBhẺ400sNZA250sNZɎw肵AEBh
@Ẽc[o[\ƂATCY̕ύXĂ܂B


locationIuWFNg
locationIuWFNǵAݕ\̃hLgɊւ擾邽
߂ɗpł܂B

locationIuWFNg̃vpeB
hash      ݂̃AJ[QƁA܂͎w肵AJ[ֈړ
host@@  URĨzXg
hostname  URĨhC{zXg
href      URI
pathname  URĨpX
port      |[gԍ
protocol  vgRiʐM菇j
search    "?" ȍ~ URI

ȉ̃XNvǵAݕ\̃hLg̏\TvłB

<script type="text/javascript">
<!--
  document.writeln("host : " + location.host + "<br>");
  document.writeln("hostname : " + location.hostname + "<br>");
  document.writeln("href : " + location.href + "<br>");
  document.writeln("pathname : " + location.pathname + "<br>");
  document.writeln("port : " + location.port + "<br>");
  document.writeln("protocolt : " + location.protocol );
//-->
</script>

@TvsURI
@http://www.scollabo.com/banban/magazine/review_036.html#location

iFt@CƂăI[vĂ鎞Ahost̃|[gԍw肵Ă
@@@ꍇɂ́Aportԍ̏͋ɂȂ܂Bj

historyIuWFNg
 historyIuWFNǵAy[WQƂ̗𑀍삵Aʏɕ\Ă
y[Wړ肷鑀Ɏg܂B
@Ƃ́AuEUNĊ Weby[WƂɎIɃL
bVꎞt@CQƂ܂BN΂ł́AR̂ƂȂ
痚͉܂B

historyIuWFNg̃vpeB
length@ ݎĂ闚̐

historyIuWFNg̃\bh
back@@Õy[Wɖ߂
fowrd@ ̃y[Wɐi
go@@@w肳ꂽԍ̃y[Wɐi

ȉ́AȒP historyIuWFNggAJ[̋LqłB

  <a href="javascript:history.back(1)">POɖ߂</a>
  <a href="javascript:history.forward(2)">Qɐi</a>
  <a href="javascript:history.go(-2)">QOɖ߂</a>


@ǂ̃TCg痈ẴNł́AK̏ꏊɖ߂邱Ƃw肵܂B
@A΂ǂɂړ܂AO̘błEE
@@̋Lq́Ãy[WQƂāÃy[Ẅʒuɖ߂ꍇ
@ɂ͗LɓĂ܂AuEUɂẮÃy[Wɖ߂ĂA
@̈ʒuɂ͖߂Ȃꍇ܂B

@@܂AJavaScriptsłȂ̏ꍇ̂ŁÃNL
@邱Ƃ]܂܂B


FrameIuWFNg
FrameIuWFNg̏ʃIuWFNg WindowIuWFNgłB

FrameIuWFNgł́A^C}[\bhpӂĂ܂B
@setTimeout@   莞ԂƂɏs^C}[̐ݒ
@clearTimeout   w肵^C}[̉

@𗘗pāAȒPȃ^C}[邱Ƃł܂B

<script type="text/javascript">
<!--
var enable=false,startDate;
function toggleCounter() {
  enable = !enable;
  startDate = new Date()
  if (enable) {
    watch();
  }
}

function watch() {
  var now, mySec;

  if (enable) {
    setTimeout('watch()', 1000);
    now = new Date();
    mySec = parseInt(3*60-(now.getTime()-startDate.getTime())/1000);
    if (mySec > 0) {
       document.watch.watch.value = mySec;
    } else {
       enable = false;
       document.watch.watch.value = "!!";
       alert("ԂłBJbv[܂I");
    }
  }
}
//-->
</script>

^C}[֐ĂяoHTML
<form name="watch">
<p>Jbv[܂ŁA <input name="watch" size="5">bB</p>
<p>
<input type="button" value="Start/Stop" onClick="toggleCounter()">
</p>
</form>

@TvsURI
@http://www.scollabo.com/banban/magazine/review_036.html#watch




@^C}[Ăяo֐gēxݒ肷邱ƂɂACӂ̎Ԃ̃C^
[ouA֐AČĂяoƂݒ肵Ă܂B
@PbɃJE^_EARo_ŃA[g\܂B

@ŏ̊֐ł́A^C}[̋Nݒ肵A^C}[Nꂽʂ̊֐
@iwatch֐jĂяo܂B

var enable=false,startDate;
@ϐ enable ɃJE^[܂ݒ肵ĂȂƂĂ܂B
@̃JE^[̓X^[g{^ꂽƂݒB

function toggleCounter() {
@^C}[Ăяo֐itoggleCounterjݒ肵Ă܂B

var now, mySec;
@toggleCounter()֐ɗpubNł̕ϐ̐ݒB

if (enable) { setTimeout('watch()', 1000); now = new Date();
    mySec = parseInt(3*60-(now.getTime()-startDate.getTime())/1000);
if\ŁAĺAtoggleCounter()֐Őݒ肳ꂽuv̎Ԃݒ肵A
̎Ԃ180b܂łJEg_E܂B

if (mySec > 0) { document.watch.watch.value = mySec;
@JEg_EĂ鎞Ԃ 0 ɂȂ܂ł̐l\܂B

else { enable = false; document.watch.watch.value = "!!";
       alert("ԂłBJbv[܂I");
@Ԃ 0 ɂȂuԂɁuIvƕ\AɃA[g_CO
@{bNXŃ[UɃ[łƂm点܂B

<form name="watch">
@tH[ watch֐Ăэł܂Bformvfɂ naméA
@XNvgƕpꍇʓIłB

<input type="button" value="Start/Stop" onClick="toggleCounter()">
@[U̓̓Rg[Ƀ{^ݒ肵A{^ꂽuԂɔ
@Cxgnh onClickŁ@toggleCounter() ֐s܂B



navigatorIuWFNg

@windowIuWFNgƂ͕ʂɓƗIuWFNgŁA̋@\𗘗p邱
ƂŁAuEU̓ȂǂނɊւ擾ł܂B

navigatorIuWFNg̃vpeB
@appCodeName F uEŨR[h
@appName      : uEŨAvP[V
@appVersion   : uEŨ}[W
@userAgent    : T[oɑ郆[ŨG[WFg
@@@@@@@@ iuEUvLV܂ށj

@̃vpeB𗘗p邱ƂɂA[ŨuEUȂǂA
@ȒPɎ擾ĕ\邱Ƃ\łB
  LXNvǵA[ŨuEUȂǂ擾ĕ\܂B

<script type="text/javascript">
<!--
  document.write("Engin   F"+navigator.appCodeName+"<br>")
  document.write("Browser       F"+navigator.appName+"<br>")
  document.write("Versi0n    F"+navigator.appVersion+"<br>")
  document.write("UserAgent     F"+navigator.userAgent)
//-->
</script>

@TvsURI
@http://www.scollabo.com/banban/magazine/review_036.html#navigator


IuWFNgɂ

@܂ōuł́AwindowAdocumentAhistoryAlocationADateAFrameA
܂Anavigator Ȃǂ̃IuWFNgЉĂ܂B
@JavaScriptŗpłIuWFNǵȂɂ񑶍݂Ă܂B
ɂẮAJavaScriptui߂钆ŏ`܂B



HTML ^Ỏ --- metavf

@HTML̃^LqAHTTPT[oA邢 WebuEUɎ󂯓n܂B

@̗vf̋Lqꏊ́Awb_ <head> ` </head>ł̂ݎgAbodyv
fɂ͔zu邱Ƃł܂BiGveBjvfB

Fhttp-equiv
@@@@  ^AHTTPT[õX|Xwb_ƂăT[o瑗M
@@@@@ꍇɁAnamȇɗp܂BAׂẴT[
@@@@@oKHTTPwb_ƂđM킯ł͂ȂAۂɂ̓u
@@@@@EUł̓e`FbN邱ƂɎgĂ܂B

      content
@@@@@^̃vpeBɑ΂lw肵܂Bł̃vpeB
@@@@@Ƃ́AmetavfɁAhttp-equivA邢́Anameݒ肳
@@@@@ꍇɁA̒lw肵܂B

      name
@@@@@^̃vpeBw肵AHTTPT[oɑM܂B

Lq@
@<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
  <meta name="author" content="banban and Suzuki Collaboration">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <meta name="description" content="S҂̂߂̃z[y[W쐬">
  <meta name="keywords" content="CSS,DTD,HTML,XHTML,z[y[W">



͂܂ŁAł͂ł́EE
T̂炢 Weby[Wɂfڂ܂̂ŁA񌩂ĂĂB
Weby[Wł HTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

iT̂炢j
http://www.scollabo.com/banban/magazine/review_036.html

@́AXHTMLu@R@XMLɂĉ܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AgOSAuEUAeLXgGfB^ȂǁAȂ
ׂ₷𖾋LĂƉ񓚂₷Ȃ܂B
@A̒Ԃ͉Ћ΂߂Ȃ̂ŁAԎx邱Ƃ܂B
B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

뎚EEEϊ~XE\RȂǂɂ͕ɂe͊肢܂BȂA}KW
ׂ̂Ă̋LqɌdȃXy~XꍇABƔlƋɎ܂
˂ĂƍKɎv܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
uށ@@@@@http://www.scollabo.com/banban/daf/material.html
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E[ށ

@vԂ SVG  MathMLɎg݂܂B҂Ƃ XMLŎg}[N
AbvłAuŉłȂɗĂKvA
炸ꓬĂ܂B
@΁ATASVG Ao[WAbvĂ܂B܂׋Ȃ
ȂĂ͂Ȃ悤łB

@T XML̂̕\肵Ă܂A̐[łBo
Ǝ~܂ȂȂāAxXł傤BłAɖʔI

@̖ʔǎ҂ɓ`悤Ȏʍ\ɂƎv̂łAv
ȂȂ悤łBāAǂȂ܂EE



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃XNvgAX^CV[gAHTMLȂǂ̃y[W쐬
ɎRɎgĂĂx܂B

    @       Copyright(C) 2002-2003  www.scollabo.com/banban/
